<template>
         <div class="groid_zi">
                   <span class="span1"> 
                      <img src="../../../public/images/left-top-1.png" alt="">
                      <p>监控类</p>
                   </span>
                   <span class="span2">
                      <img src="../../../public/images/left-top-2.png" alt="">
                        <p>消防类</p>
                   </span>
                   <span class="span3">
                      <img src="../../../public/images/left-top-3.png" alt="">
                        <p>其他类</p>
                   </span>
              </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
  .groid_zi{
  display: flex;
  /* // line-height: 180px; */
  span img{
    width: 60px;
  }
  p{
    color: aliceblue;
    margin-left: 6%;
  }
  .span1{
    width: 30%;
    margin-left: 10%;
    margin-top: 30px;
  }
  .span2{
    flex: 1;
     margin-top: 30px;
  }
  .span3{
    width: 30%;
     margin-top: 30px;
  }
}
</style>